.repair{
  width: 100%;
  height: 100vh;
  background-color: #f7f8fa;
  position: relative;
    // 咖啡机
    .coffee {
      width: 90%;
      margin: auto;
      margin-top: 20rpx;
      border-radius: 20rpx;
      background-color: white;
      height: 280rpx;
      .top {
        width: 95%;
        margin: auto;
        height: 260rpx;
        padding-top: 20rpx;
        display: flex;
        justify-content: space-between;
  
        .left {
          width: 38%;
          height:80%;
  
          image {
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 10rpx;
          }
        }
  
        .right {
          width: 60%;
          height: 100%;
          .right-one {
            margin-top: 10rpx;
            display: flex;
            justify-content: space-between;
  
            .one1 {
              width: 60%;
              text-align: left;
              font-size: 1.1rem;
              font-weight: bold;
            }
  
            .one2 {
              text-align: right;
              width: 30%;
              color: #ffca28;
            }
          }
          .right-two {
            margin-top: 10rpx;
            display: flex;
            justify-content: space-between;
  
            .one1 {
              width: 50%;
              text-align: left;
              color: #d8d8d8;
            }
  
            .one2 {
              text-align: right;
              width: 50%;
            }
          }
        }
      }
  
    }
    // 姓名
    .name{
      width: 100%;
      margin: auto;
      margin-top: 40rpx;
      height: 100rpx;
      background-color: #ffffff;
      border-radius: 20rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .left{
        width: 30%;
        padding: 2%;
      }
      .right{
        width: 40%;
        padding: 2%;
        input{
          text-align: right;
        }
      }
    }
    // 联系方式
    .contact{
      width: 100%;
      margin: auto;
      margin-top: 20rpx;
      height: 100rpx;
      background-color: #ffffff;
      border-radius: 20rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .left{
        width: 30%;
        padding: 2%;
      }
      .right{
        width: 40%;
        padding: 2%;
        input{
          text-align: right;
        }
      }
    }
    // 报修说明
    .instructions{
      width: 100%;
      height: 300rpx;
      margin-top: 20rpx;
      background-color: #fff;
      border-radius: 20rpx;
      .box1{
        padding: 2%;
      }
    }
    // 上传图片
    .upload{
      width: 100%;
      height: 300rpx;
      margin-top: 20rpx;
      background-color: #fff;
      border-radius: 20rpx;
      .upload-top{
        padding: 2%;
      }
      .one{
        width: 50%;
        height:200rpx;
        border: 1px solid #000;
        margin-left: 2%;
        line-height: 200rpx;
        text-align: center;
      }
    }
    .btn{
      width: 90%;
      border-radius: 30rpx;
      position: absolute;
      bottom: 30rpx;
      .btn1{
        border-radius: 50rpx;
        color: #fff;
        background-color: #253454;
      }
    }
}